<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script>
 //训练要点
 //（1）掌握获取和设置属性的方法attr()
 //（2）掌握创建节点和插入节点的方法
 //（3）掌握html()方法

 //实现思路及步骤
 //1.设计页面HTML结构，应用CSS样式。
 //2.为四幅小图片绑定鼠标移入事件。
 //3.获取当前发生鼠标移入事件的小图片的src属性，将其作为大图的src属性值。这样大图也就随之改变了。
 //4.为凸显当前的小图状态，把其它三幅小图透明度设为0.2。
 //--------------在此开始你的代码--------------------
	 



 //--------------在此结束你的代码--------------------
</script>
</head>

<body>
  <center>
    <p>演示图片</p>
    <img id="test" title="test" src="img/test1.jpg" /><br />
    <div>
      <img src="img/test1.jpg" />
      <img src="img/test2.jpg" />
      <img src="img/test3.jpg" />
      <img src="img/test4.jpg" />
    </div>
  </center>
</body>
</html>
